<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>3DAnimation</title>
    <link rel="stylesheet" href="./css/bootstrap-3.3.7.css">
    <link rel="stylesheet" href="./css/3DAnimation.css">
    <link rel="stylesheet" href="./css/Home.css">
</head>
<body>
    <div class="nav">
        <div class="nav-warp">
            <div class="nav-left">
                <img src="./img/shininglogo.png">
            </div>
            <div class="nav-right">
                <a href="Home.html" class="home">Home</a>
                <a href="./About.html">About</a>
                <a href="Rendering.html">Rendering</a>
                <a href="3DAnimation.html">3D&nbsp;Animation</a>
                <a href="Bim.html">Bim</a>
                <a href="Contact.html">Contact</a>
                <span><img src="./img/nav.png"/></span>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="main-img">
            <img src="./img/view.jpg" class="attachment-thumbnail">
            <div class="banner-txt">
                Sichuan Province-Commercial Rea
            </div>
            <div class="center-img">
                <img src="./img/play.png">
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <img src="./img/1-1510121R410H3.jpg" class="img-responsive" id="bigImg1">
                <div class="container-text">Commercial Real Estate-2014-10</div>
                <img src="./img/play_small_h.png" class="zhongxin-img">
                <img src="./img/play_small_hh.png" class="center zhongxin-img1">
            </div>
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <img src="./img/1-1510121SHX34.jpg" class="img-responsive" id="bigImg2">
                <div class="container-text">Commercial Real Estate-2014-10</div>
                <img src="./img/play_small_h.png" class="zhongxin-img">
                <img src="./img/play_small_hh.png" class="center zhongxin-img2">
            </div>
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <img src="./img/1-1510121T91XV.jpg" class="img-responsive" id="bigImg3">
                <div class="container-text">Commercial Real Estate-2014-10</div>
                <img src="./img/play_small_h.png" class="zhongxin-img">
                <img src="./img/play_small_hh.png" class="center zhongxin-img3">
            </div>
        </div>
        <div class="row">
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <img src="./img/1-1510121TP0U1.jpg" class="img-responsive" id="bigImg4">
                <div class="container-text">Commercial Real Estate-2014-10</div>
                <img src="./img/play_small_h.png" class="zhongxin-img">
                <img src="./img/play_small_hh.png" class="center zhongxin-img4">
            </div>
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <img src="./img/1-1510121TTOc.jpg" class="img-responsive" id="bigImg5">
                <div class="container-text">Commercial Real Estate-2014-10</div>
                <img src="./img/play_small_h.png" class="zhongxin-img">
                <img src="./img/play_small_hh.png" class="center zhongxin-img5">
            </div>
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <img src="./img/1-1510121U004292.jpg" class="img-responsive" id="bigImg6">
                <div class="container-text">Commercial Real Estate-2014-10</div>
                <img src="./img/play_small_h.png" class="zhongxin-img">
                <img src="./img/play_small_hh.png" class="center zhongxin-img6">
            </div>
        </div>
        <div class="row">
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <img src="./img/1-1510121U04XL.jpg" class="img-responsive" id="bigImg7">
                <div class="container-text">Commercial Real Estate-2014-10</div>
                <img src="./img/play_small_h.png" class="zhongxin-img">
                <img src="./img/play_small_hh.png" class="center zhongxin-img7">
            </div>
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <img src="./img/1-1510121U305330.jpg" class="img-responsive" id="bigImg8">
                <div class="container-text">Commercial Real Estate-2014-10</div>
                <img src="./img/play_small_h.png" class="zhongxin-img">
                <img src="./img/play_small_hh.png" class="center zhongxin-img8">
            </div>
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <img src="./img/1-1510121U33Ic.jpg" class="img-responsive" id="bigImg9">
                <div class="container-text">Commercial Real Estate-2014-10</div>
                <img src="./img/play_small_h.png" class="zhongxin-img">
                <img src="./img/play_small_hh.png" class="center zhongxin-img9">
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-img">
            <a class="img-top">
                <img src="./img/mail_h.jpg" style="width:29px;">
                <img src="./img/mail.jpg" id="img1">
            </a>
        </div>
        <div class="footer-bottom">
            <a class="img-bottom1">
                <img src="./img/facebook_h.jpg">
                <img src="./img/facebook.jpg" id="img2">
            </a>
            <a class="img-bottom1">
                <img src="./img/youtube_h.jpg">
                <img src="./img/youtube.jpg" id="img3">
            </a>
            <a class="img-bottom1">
                <img src="./img/linkedln_h.jpg">
                <img src="./img/linkedln.jpg" id="img4">
            </a>
            <a class="img-bottom1">
                <img src="./img/twitter_h.jpg">
                <img src="./img/twitter.jpg" id="img5">
            </a>
        </div>
        <div class="footer-txt">
            <h6>版权所有©1998-2015光明集团</h6>
        </div>
    </div>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
    $("#bigImg1").mouseover(function(){
        $(".zhongxin-img1").css("display","block");
    });
    $("#bigImg1").mouseleave(function(){
        $(".zhongxin-img1").css("display","none");
    });
    $("#bigImg2").mouseover(function(){
        $(".zhongxin-img2").css("display","block");
    });
    $("#bigImg2").mouseleave(function(){
        $(".zhongxin-img2").css("display","none");
    });
    $("#bigImg3").mouseover(function(){
        $(".zhongxin-img3").css("display","block");
    });
    $("#bigImg3").mouseleave(function(){
        $(".zhongxin-img3").css("display","none");
    });
    $("#bigImg4").mouseover(function(){
        $(".zhongxin-img4").css("display","block");
    });
    $("#bigImg4").mouseleave(function(){
        $(".zhongxin-img4").css("display","none");
    });
    $("#bigImg5").mouseover(function(){
        $(".zhongxin-img5").css("display","block");
    });
    $("#bigImg5").mouseleave(function(){
        $(".zhongxin-img5").css("display","none");
    });
    $("#bigImg6").mouseover(function(){
        $(".zhongxin-img6").css("display","block");
    });
    $("#bigImg6").mouseleave(function(){
        $(".zhongxin-img6").css("display","none");
    });
    $("#bigImg7").mouseover(function(){
        $(".zhongxin-img7").css("display","block");
    });
    $("#bigImg7").mouseleave(function(){
        $(".zhongxin-img7").css("display","none");
    });
    $("#bigImg8").mouseover(function(){
        $(".zhongxin-img8").css("display","block");
    });
    $("#bigImg8").mouseleave(function(){
        $(".zhongxin-img8").css("display","none");
    });
    $("#bigImg9").mouseover(function(){
        $(".zhongxin-img9").css("display","block");
    });
    $("#bigImg9").mouseleave(function(){
        $(".zhongxin-img9").css("display","none");
    });
</script>
</html>